.bar{
    width: 750rem;
    height: 98rem;
    display: flex;
    flex-direction: row;
    background: #FFFFFF;
    border-radius: 0rem 0rem 0rem 0rem;
    position: fixed;
    bottom: 66rem;
}
.bar1,
.bar2,
.bar3,
.bar4
 {
    flex: 1;
    display: flex;
    flex-direction:column;
    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
    font-weight: 400;
    font-size: 24rem;
    color: #2A4458;
    line-height: 0rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
    height: 30rem;
    text-decoration: none;
}
.bar1{
    width: 48rem;
    margin-left: 102rem;
}
.bar2{
    width: 48rem;
    margin-left: 114rem;
}
.bar3{
    width: 72rem;
    margin-left: 102rem;
}
.bar4{
    width: 96rem;
    margin-left: 76rem;
}

.bar1 img,
.bar2 img,
.bar3 img,
.bar4 img{
    width: 44rem;
    height: 44rem;
    margin-bottom: 20rem;
}
.bar3 img{
    margin-left: 5rem;
}
.bar4 img{
    margin-left: 20rem;
}

.di{
    width: 750rem;
    height: 68rem;
    background: #FFFFFF;
    border-radius: 0rem 0rem 0rem 0rem;
    position: fixed;
    bottom: 0;
}
.di1{
    width: 244rem;
    height: 10rem;
    background: #000000;
    border-radius: 6rem 6rem 6rem 6rem;
    margin-top: 30rem;
    margin-left: 270rem;
}
